<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.3.1.js"></script>
    <script>
        function queryPhone() {
            $.ajax({
                type:'get',
                url:'http://apis.juhe.cn/mobile/get',
                data:{
                    phone:$('#phone').val(),
                    key:'5d37b41360d12b5b2d840f755a54b973'
                },
                dataType:'jsonp',
                success:function (res) {
                    console.log(res)
                }
            })
        }

        function queryWeather() {
            $.ajax({
                type:'get',
                url:'http://v.juhe.cn/weather/index',
                data:{
                    cityname:'南京',
                    key:'bbea544ac99df14edcafee32d484b20c'
                },
                dataType:'jsonp',
                success:function (res) {
                    console.log(res)
                }
            })
        }

        function queryWeather2() {
            $.ajax({
                type:'get',
                url:'https://wis.qq.com/weather/common',
                data:{
                    source:'pc',
                    province:'江苏省',
                    city:'南京市',
                    weather_type:'forecast_24h'
                },
                dataType:'json',
                success:function (res) {
                    console.log(res)
                }
            })
        }
    </script>
</head>
<body>
    手机号：<input type="text" id="phone"> <input type="button" value="查询" onclick="queryPhone()"> <br>
    <button onclick="queryWeather()">获取天气</button>
    <button onclick="queryWeather2()">获取天气</button>
    <hr>
    <div>

    </div>
</body>
</html>